<template>
  <div class="page6">
    <h2 class="wow" style="visibility: visible">
      选择雅阁汇
      <br />
      选择
      <span>一生一“饰”</span>
    </h2>
    <h3 class="wow" style="visibility: visible">曾经·你是这样装修的</h3>
    <ul class="wow" style="visibility: visible">
      <li>
        <span>×</span>
        需要132个人前后打交道
      </li>
      <li>
        <span>×</span>
        需要为联系各自事宜打326个电话
      </li>
      <li>
        <span>×</span>
        需要选购28种辅材、10种大件主材、80余件软装
      </li>
      <li>
        <span>×</span>
        需要去5个装饰城奔波68次
      </li>
      <li>
        <span>×</span>
        需要为可能的5%折扣去低声下气
      </li>
      <li>
        <span>×</span>
        需要了解35项基础工程
      </li>
      <li>
        <span>×</span>
        需要在工地上待180天
      </li>
    </ul>
    <h4 class="wow" style="visibility: visible">以1敌10！工期慢！售后无保障.. ..焦头烂额！</h4>
  </div>
</template>

<script>
export default {}
</script>

<style>
.cherrypick .page6 {
  padding: 1rem 0;
  background: url(/src/assets/img/matericl/p6_bj.png) no-repeat;
  background-size: 100% 100%;
  height: 9.4rem;
}

.cherrypick .page6 > h2 {
  font-size: 0.56rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  opacity: 0;
  -webkit-animation: slide-down-in 1s, fade-in 1s;
  animation: slide-down-in 1s, fade-in 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.cherrypick .page6 > h2 span {
  color: #dd292c;
}

.cherrypick .page6 h3 {
  font-size: 0.42rem;
  font-weight: 700;
  color: #132132;
  padding-left: 0.3rem;
  margin: 1rem 0 0.45rem;
}

.cherrypick .page6 h3,
.cherrypick .page6 ul {
  opacity: 0;
  -webkit-animation: slide-down-in 1s, fade-in 1s;
  animation: slide-down-in 1s, fade-in 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.cherrypick .page6 ul li {
  padding-left: 0.3rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #666;
  line-height: 0.44rem;
}

.cherrypick .page6 ul li span {
  color: #122133;
  opacity: 0.2;
  margin-right: 0.08rem;
}

.cherrypick .page6 h4 {
  font-size: 0.3rem;
  margin-top: 0.45rem;
  font-weight: 700;
  color: #dd292c;
  padding-left: 0.3rem;
  line-height: 0.44rem;
  opacity: 0;
  -webkit-animation: slide-down-in 1s, fade-in 1s;
  animation: slide-down-in 1s, fade-in 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
</style>